<template>
	<view>
		<view class="show-box-bg wx-login-box">
			<view class="conten">
				<view class="tubiao"><image src="https://wanxian-test.oss-cn-shenzhen.aliyuncs.com/5635686.png" /></view>
			<!-- 	<view class="invitation"><image src="https://wanxian-test.oss-cn-shenzhen.aliyuncs.com/8755.gif" /></view> -->
				<view class="confirm" @click="confirmPrise">
					确认
				</view>
			</view>
		</view>
	</view>
</template>



<script>
export default {
	props: ['textmsg'],
	data() {
		return {};
	},
	methods: {
		confirmPrise(){
			this.$emit("confirmPrise")
		},
		// operation() {
		// 	this.$emit('operation')
		// },
	}
};
</script>

<style scoped lang="scss">
.wx-login-box {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	// opacity: 0.9;
	// background-color: rgba(0, 0, 0, 0.5);
	background-color: #1a1a1a;
	z-index: 9999999999;

	.conten {
		width: 90%;
		min-height: 800rpx;
		// height: 400upx;
		// background: url(https://wanxian-test.oss-cn-shenzhen.aliyuncs.com/473241.png);
		background-size: 100%;
		background-color: #1a1a1a;
		z-index: 1000;
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 14upx;
		overflow: hidden;
		border-radius: 16rpx;
		text-align: center;
		.close {
			height: 60rpx;
			text-align: right;
			margin-top: 100%;
			image {
				height: 60rpx;
				width: 60rpx;
				border-radius: 50%;
			}
		}
		.tips {
			height: 150rpx;
			color: #fff;
			line-height: 150rpx;
			font-size: 48rpx;
			font-weight: bold;
			
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
			// z-index: 9999999999999;
		}
		.tubiao {
			height: 650rpx;
			justify-content: center;
			image {
				height: 700rpx;
				// width: 550rpx;
				// height: 550rpx;
				// border-radius: 50%;
				border-color: #1a1a1a;
			}
		}
		.invitation {
			height: 600rpx;
			justify-content: center;
			margin-top: -325rpx;

			image {
				height: 600rpx;
				width: 500rpx;
				border-radius: 50rpx;
				border-radius: 37px;
				background-image: -moz-linear-gradient( 90deg, rgb(247,231,206) 0%, rgb(236,192,129) 100%);
				background-image: -webkit-linear-gradient( 90deg, rgb(247,231,206) 0%, rgb(236,192,129) 100%);
				background-image: -ms-linear-gradient( 90deg, rgb(247,231,206) 0%, rgb(236,192,129) 100%);
				box-shadow: 0px 5px 0px 0px rgba(255, 210, 191, 0.004),0px 10px 20px 0px rgba(234, 74, 50, 0.004);
				
			}
		}
		.confirm{
			margin-top: 45rpx;
			height: 80rpx;
			margin-left: 20%;
			margin-right: 20%;
			line-height: 80rpx;
			background-color: #fb4f36;
			border-radius: 50rpx;
			text-align: center;
			font-family: "Adobe Heiti Std";
			color: rgb(254, 255, 254);
			text-transform: uppercase;
			z-index: 9999999;

		}
		.invitation_title {
			color: #c61507;
			font-size: 24rpx;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			position: relative;
			top: -75rpx;
			-moz-transform: matrix( 3.43758631139665,0,0,3.43758631139666,0,0);
			-webkit-transform: matrix( 3.43758631139665,0,0,3.43758631139666,0,0);
			-ms-transform: matrix( 3.43758631139665,0,0,3.43758631139666,0,0);
			
			font-family: "Adobe Heiti Std";
			color: rgb(234, 74, 50);
			text-transform: uppercase;
			
		

		}
		.chae{
			height: 80rpx;
			width: 300rpx;
			position: absolute;
			top: 51%;
			left: 24%;
			line-height: 80rpx;
			font-size: 32rpx;
			font-family: "Adobe Heiti Std";
			color: rgb(255, 255, 255);
			text-transform: uppercase;
			text-shadow: 4rpx 24rpx 4rpx rgba(234, 74, 50, 0.004);
			

		}
	}
}
</style>
